<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>永和小票</title>
		<style>
			body{width: 300px;
			font-size: 14px;}
			.please{
				font-size: 24px;
				font-weight:bold;
			}
			.self{
				padding-left: 100px;
				
			}
			hr{
				border: 1px dashed;
			}
			.note{
				margin-top:30px;
				margin-bottom:15px;
			}
			td{border-radius: 15px;
			}
		</style>
	</head>
	<body>
			<div>顾客联</div>
			<div class="please">请您留意取餐账单号</div>
			<div class= "self">自取顾客联</div>
			<div>永和大王（北三环西路店）</div>
			<div>010-12345678</div>
			<div class= "self">--结账单--</div>
			<div class="please">账单号：P000010</div>
			<div>账单类型：堂食</div>
			<div>人数：1</div>
			<div>收银员：张静</div>
			<div>开单时间：2020-05-18  15：24：29</div>
			<div>结账时间：2020-05-18  15：25：00</div>
			<hr />
			<!--表格没有列概念 它叫做单元格,页面中换行会被解析一个空格-->
			<table border="1"  >
				<tr >
					<td  width="45"  align="center">数量</td>
					<td  width="190"  align="left">品项</td>
					<td  width="45"  align="center">金额</td>
				</tr>	
				<tr>
					<td valign="top">1</td>
					<td width="45"  align="left">
					玉米肉松蛋饼2P<br/>
					1 X --玉米肉松蛋饼 <br/>
					1 X --现磨豆浆(热/甜)    
					</td>
					<td width="45"  valign="top" align="right">8.00</td>
				</tr>
			</table>
			<table border="1">
				<tr> 
					<td  width="243">合计</td>
					<td   width="45"     align="right">8.00</td>
				</tr>
				<tr>
					<td width="243">微支付</td>
					<td width="45" align="right">8.00</td>
				</tr>
			</table>
			<hr />
			<div>打印时间：2018-04-17  07：24：38</div>
			<hr />
			<div>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，如您需要当日的
				电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具您的增值税电子普通
				发票。此二维码30天有效，扫码时请保持小票平整。
			</div>
			<img src="images/hero1.png" class="note">
			<div>官网：www.yonghe.com.cn</div>
			<div>加盟热线：86-21-12345678</div>
	</body>
	
</html>
